<!doctype html>
<html ng-app="myApp">
<head>
<script src="/js/angular.min.js"></script>
<script src="/js/jquery-1.10.2.min.js"></script>
<script src="/js/common.js"></script>
</head>
<body>
<div>
<input type="text" ng-model="yourName" placeholder="Enter a name here">
<h1>Hello, {{ yourName }}!</h1>
</div>
<div ng-controller="PlayerController">
  <button ng-click="play()" class="button" ng-show="!playing">Play</button>
  <button ng-click="stop()" class="button alert" ng-show="playing">Stop</button>
  Playing audio: <b>{{ playing }}</b>
</div>
<div ng-controller="DemoController">
  <h4>The simplest adding machine ever</h4>
  <button ng-click="add(1)" class="button">Add</button>
  <button ng-click="subtract(1)" class="button">Subtract</button>
  <h4>Current count: {{ counter }}</h4>
</div>
<div ng-controller="categoryController">
	<table>
		<tr>
			<td ng-repeat="x in data">{{x.keyname}}</td>
		</tr>
	</table>
    {{programs}}
</div>
</body>
</html>